<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>表单元素</title>
	</head>
	<body>
		<!-- 元素表单：采集用户信息：并提交到服务器
		 采集用户信息元素 input 必须属性type决定input呈现效果
		                        text    文本框 可以省略
								password 密文文本框
								submit  提交
								button   按钮 value
								reset  重置  结合表单元素
								color  颜色
								datetime-local 本地日期时间插件
								date  年月日
								time  时间
								week   周
								range  滑块效果
								file   文件
								radio   单选框  chacked默认选择
								checkbox   复选框  chacked默认选择
								image   图片 j结合src
								hidden   隐藏 结合JS-->
								
		<form>
			<h1>控件元素</h1>
		 账号<input type="text"><br />
		 账号<input />
		 密码<input type="password"><br />
		 <input type="submit" />
		 <input type="button" value="自定义按钮">
		 <input type="reset">
		 <button>点击</button>
		 <input type="color">
		 <input type="datetime-local">
		 <input type="date">
		 <input type="time">
		 <input type="week">
		 <input type="range">
		 <input type="file">
		 男<input type="radio" name="sex"chacked="chacked"/>
		 女<input type="radio" name="sex"/>
		 红烧肉<input type="checkbox"/>
		 麻辣烫<input type="checkbox"/>
		 拉面<input type="checkbox"/>
		 <input type="image" src="img/3.gif">
		 <input type="hidden">
		 <h1>下拉列表元素</h1>
		 <!-- 层叠元素  快捷键：select>option*5-->
		 发车时间<select>
		 	<option>00:00--24:00</option>
		 	<option>00:00--6:00</option>
		 	<option>6:00--12:00</option>
		 	<option>12:00--18:00</option>
		 	<option>18:00--24:00</option>
		 </select>
		 <!-- 超大文本框元素 cols列属性rows行属性-->
		 <h1>超大文本框元素</h1>
		 建议：<textarea  cols="30" rows="10"></textarea>
		 <!-- 细节元素  层叠元素 快捷键details>summary+div-->
		 <h1>细节元素</h1>
		 <details>
		 	<summary>征婚启示</summary>
		 	<div>Lorem ipsum dolor sit amet consectetur adipisicing elit. Deleniti modi lorem necessitatibus labore molestiae repellat, earum sit quisquam lorem veritatis doloribus, et harum. Veritatis enim quam sapiente ducimus vitae tempore lorem  necessitatibus iusto!lorem </div>
		 </details>
		 </form>
		 <h1>新元素</h1>
		 <!-- 记号笔元素 -->
		 周五<mark>放假啦</mark>
		 <!-- 度量元素 value='默认值0min-1max"指定最大值最小值-->
		 电量<meter value="50" min="0" max="100"></meter>
	</body>
</html>